<template>
    <div class="parameter_main">
      <el-tabs v-model="activeName" type="border-card" @tab-change="handleClick">
        <el-tab-pane label="算法" name="algorithm">
          <AlgorithmParameter v-if="activeName === 'algorithm'" />
        </el-tab-pane>
        <el-tab-pane label="算子" name="operator"><OperatorParameter v-if="activeName === 'operator'" /></el-tab-pane>
      </el-tabs>
    </div>
  </template>
  <script setup>
  import { ref } from 'vue';
  import AlgorithmParameter from './component/AlgorithmParameter.vue';
  import OperatorParameter from './component/OperatorParameter.vue';
  
  const activeName = ref('algorithm');
  
  // 卡片点击事件
  const handleClick = (tab) => {
    activeName.value = tab;
  };
  </script>
  <style lang="scss" scoped>
  .reault_main {
    padding: 0.5rem;
    height: calc(100vh - 84px);
    overflow: scroll;
  }
  </style>
      